teleport
<template>
  <div class="header flex-box align-center space-between">
    <Logo></Logo>
    <HeadNavs class="flex1" style="width: 0px"></HeadNavs>
    <RightMenu></RightMenu>
  </div>
</template>
<style scoped lang="scss">
.header {
  position: fixed;
  width: calc(100% - 40px);
  height: 48px;
  line-height: 50px;
  padding: 0 20px;
  text-align: center;
  background: #24292f;
  z-index: 1;
  .head-menu-wrap {
    margin-left: 400px;
    max-width: 800px;
    .head-menu {
      width: 100%;
      background: transparent;
    }
  }
}
</style>
<script setup lang="ts">
import HeadNavs from "./navs/HeadNavs.vue";
import RightMenu from "./RightMenu.vue";
import Logo from "./Logo.vue";
</script>
